Trends in Last Decade

Presentation with Quarto

• Quarto integrates with Reveal.js to create stunning slideshows.
• Markdown syntax is used to structure and format content.
• Craft a finished UNHCR branded presentation with this template.
• Seamlessly weave together content and executable code.

To learn more about Quarto presentations see https://quarto.org/docs/presentations/.

Presentation title

• YAML arguments define the content of the title slide.
• Add arguments as needed

---
title: UNHCR Quarto Theme
subtitle: For revealjs
author: Cedric Vidonne
institute: IPDA
date: last-modified
format: unhcr-revealjs
---

Basic slides

• Each slide starts with a level 2 heading (## Slide 1). For example:

## Slide 1

Some content for slide 1

## Slide 2

Some content for slide 2

Section slides

• A section starts with a level 1 heading (# Section 1). For example:

# Section 1

Some content for section 1

Lists

• To add bullet points to a slide, use the Markdown list syntax.
• Works the same way with numbered lists. For example:

- Item 1
    - Item 1.1
    - Item 1.2
- Item 2
- Item 3

Incremental list

• By default the lists are not incremental.
• Add the {.incremental} class, so each bullet will appear separately.

::: {.incremental}
- Item 1
- Item 2
:::

Incremental content

• Use . . . to separate content and turn it incremental.
• Any content can be incremental. For example:

This will appear first

. . .

And then that!

UNHCR helpers

Text

• Use {.text-blue} to apply UNHCR blue color
• Use {.text-grey} for lighter text color

Background

• Use {.bg-blue} for light blue background
• Use {.bg-grey} for light grey background

Columns

• To create columns, use a div container with class {.columns}, containing two or more div containers with class {.column} and a width attribute. For example:

:::: {.columns}

::: {.column width="40%"}
Left column
:::

::: {.column width="60%"}
Right column
:::

::::

Images

• To insert an image, use the Markdown image syntax. For example:

![](path/to/image.jpg)

Code

• To include code, use fenced code blocks with a language specifier.
• By default the echo parameter of code block is set to false, turn it to true to see the code and the result.

\```{r}
#| echo: true
#| warning: false
#| remotes::install_github("vidonne/unhcrthemes")
library(tidyverse)
library(unhcrthemes)
\```

Plots

• Use the {unhcrthemes} package to produce UNHCR branded plots directly in the presentation. For example:

Tables

• Use knitr::kable() function for simple table. For example:

knitr::kable(head(idp_total)) 

More tables

• Many packages can help you stylize tables, like {gt}, {dt} and more.
• Use them to customize further the table design in your presentations.

gt::gt(head(idp_total)) 

Speaker Notes:

• You can add speaker notes to your slides that are only visible to the presenter during the presentation.
• To add speaker notes, use the following syntax:

## Slide with speaker notes

Slide content

::: {.notes}
Speaker notes go here.
:::

Exporting into PDF

• Toggle into Print View using the E key (or using the Navigation Menu).
• Open the in-browser print dialog (CTRL/CMD+P).
• Change the destination setting to Save as PDF.
• Find more info on the print to PDF settings here.

More Information

You can learn more about controlling the appearance and layout of RevealJS output here: https://quarto.org/docs/presentations/revealjs/